<template>
  <div id="app">
     <vue-particles
         id="particles-js"
         color="#CC3333"
        :particleOpacity="0.7"
        :particlesNumber="80"
        shapeType="circle"
        :particleSize="2"
        linesColor="#dedede"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.5"
        :linesDistance="150"
        :moveSpeed="3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push"></vue-particles>
        <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
   font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  font-size: 18px;
}
.bj{
  margin-top: 50px;
}
.el-descriptions{
  white-space: nowrap;
}
html {
  overflow-x:hidden;
  overflow-y:hidden;
}
#particles-js{
  width: 100%;
  min-width: 2000px;
  height: calc(100% - 100px);
  position: absolute;
}

</style>
